.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*
input:focus{
    border: none;
    outline-width: 0;
}
*/
.w100p{
    width: 100%;
}
.tbl {
    display: table;
    width: 100%;
}
.tbl .tr {
    display: table-row;
}

.ttu{
    text-transform: uppercase;
}

.fs11{
    font-size: 11px;
}

.tbl.wa{
    width: inherit;
}






.tbl .td {
    display: table-cell;
    vertical-align: top;
}
table{
    border-spacing:0;
    border-collapse:collapse;
}

table td, table th{
    padding: 0;
}
a{
    outline: none;
}

nav li strong{
    font-weight: normal;
}

.vat {
    vertical-align: top;
}

.vab, .tbl .td.vab {
    vertical-align: bottom;
}

.vam {
    vertical-align: middle;
}

a img{
    border: none;
}
html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

}

.h100p {
    height: 100%;
}
.h1{
    height: 1%;
}

.p10 {
    padding: 10px;
}
.p20{
    padding: 20px;
}
.pl20{
    padding-left: 20px;
}
.pr20{
    padding-right: 20px;
}
.pr{
    position: relative;
}
.w1{
    width: 1%;
}
.w25 {
    width: 25%;
    padding: 0;
}
.dib{
    display: inline-block;
}
.tar{
    text-align: right;
}
.tac{
    text-align: center;
}

.dn{
    display: none;
}

.pa{
    position: absolute;
}
.clear{
    font-size: 0;
    float: none;
    clear:both;
}

nav ul,
ul.hor,
ul.clear-list{
    margin: 0;
    padding: 0;
    font-size: 0;
}
nav li,
ul.hor li,
ul.clear-list li{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}
nav.hor li,
ul.hor li{
    display: inline-block;
    position: relative;
}

ul.hor ul,
nav.hor ul ul{
    display: none;
    position: absolute;
    left:0;
    z-index: 10;
    top:100%;
}

ul.hor ul li,
nav.hor li li{
    display: block;
}

.mxw{
}

nav.jstf ul,
ul.jstf{
    line-height: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: justify;
}
nav.jstf li,
ul.jstf li{
    display: inline-block;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    line-height: 14px;
    text-align: left;
}
.wsnw{
    white-space: nowrap;
}


/****************/

.sidebar-after-content .tr-sac{
    width: 100%;
    padding:0;
    height: 1%;
    position: relative;
    padding-bottom: 20px;
}

.sidebar-after-content .tr-sac:after{
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.sidebar-after-content .tr-sac .td-sac{
    width: 100%;
    float: left;
    overflow: hidden;
}

.sidebar-after-content .tr-sac .td-sac .content-sac{
    padding-left: 270px;
}

.sidebar-after-content .tr-sac aside.sac,
.sidebar-after-content .tr-sac .aside-sac{
    float: left;
    width: 250px;
    margin-left: -100%;
    position: relative;
    background: #B5E3FF;
}

.sidebar-after-content .tr-sac aside.sac .content-box,
.sidebar-after-content .tr-sac .aside-sac .content-box{
    padding: 20px;
}

h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}

/****************/





/**
 *  Tablet landscape (1024x768)
 */
@media only screen
and (max-device-width : 1024px)
and (min-device-width : 768px)
and (orientation : landscape),
(max-width:1024px)
and (min-width:801px)
and (orientation : landscape),
(max-width:1024px)
and (min-width:769px)
and (orientation : portrait) {
    h1 {
        font-size: 22px;
        margin-bottom: 20px;
        /*color: green;*/
    }
}

/**
 *  Tablet portrait (768x1024)
 */
@media only screen
and (max-device-width : 1024px)
and (min-device-width : 768px)
and (orientation : portrait),
(max-width:768px)
and (min-width:601px)
and (orientation : portrait) {
    h1 {
        font-size: 22px;
        margin-bottom: 20px;
        /*color: yellow;*/
    }
}

/**
 *  Small tablet landscape (800x600)
 */
@media only screen
and (max-width:800px)
and (min-width:481px)
and (orientation : landscape) {
    h1 {
        font-size: 22px;
        margin-bottom: 20px;
        /*color: blue;*/
    }
}

/**
*  Small tablet portrait (600x800)
*/
@media only screen
and (max-width:600px)
and (min-width:321px)
and (orientation:portrait) {
    h1 {
        font-size: 22px;
        margin-bottom: 20px;
        /*color: red;*/
    }
}

/**
*  Mobile landscape (480x320)
*/
@media only screen
and (max-device-width : 480px)
and (min-device-width : 320px)
and (orientation : landscape),
(max-width:480px)
and (min-width:321px)
and (orientation : landscape) {
    h1 {
        font-size: 22px;
        margin-bottom: 20px;
        /*color: brown;*/
    }
}

/**
 *  Mobile portrait (320x480)
 */
@media only screen
and (max-device-width : 480px)
and (min-device-width : 320px)
and (orientation : portrait),
(max-width:320px) {
    h1 {
        font-size: 22px;
        margin-bottom: 20px;
        /*color: #00FFFF;*/
    }
}

/******************/
/** Тестирование **/